<template>
	<view class="content">
		<view class="uni-form-item uni-column">
			<view class="title">风控启用下限</view>
			<input class="uni-input" name="input" placeholder="合约张数>300" />
		</view>
		<view class="uni-form-item uni-column">
			<view class="title">仓位方向</view>
			<radio-group name="radio">
				<label>
					<radio value="radio1" /><text>多仓</text>
				</label>
				<label>
					<radio value="radio2" /><text>空仓</text>
				</label>
			</radio-group>
		</view>

		<view class="uni-row">
			<view class="zhi-sun">
				<view class="uni-form-item uni-column">
					<view class="title">止损触发</view>
					<slider value="50" name="slider" show-value></slider>
				</view>
				<view class="uni-form-item uni-column">
					<view class="title">操作方式</view>
					<radio-group name="radio" class="uni-column">
						<label>
							<radio value="radio1" /><text>提醒补仓</text>
						</label>
						<label>
							<radio value="radio2" /><text>市价砍仓</text>
						</label>						
					</radio-group>
				</view>
				<view class="uni-form-item uni-column">
					<view class="title">砍仓比例</view>
					<slider value="50" name="slider" show-value></slider>
				</view>				
			</view>
			<view class="zhi-yin">
				<view class="uni-form-item uni-column">
					<view class="title">止盈触发</view>
					<slider value="50" name="slider" show-value></slider>
				</view>
				<view class="uni-form-item uni-column">
					<view class="title">操作方式</view>
					<radio-group name="radio" class="uni-column">
						<label>
							<radio value="radio1" /><text>提醒减仓</text>
						</label>
						<label>
							<radio value="radio2" /><text>市价砍仓</text>
						</label>						
					</radio-group>
				</view>
				<view class="uni-form-item uni-column">
					<view class="title">砍仓比例</view>
					<slider value="50" name="slider" show-value></slider>
				</view>				
			</view>
		</view>
		<view class="uni-btn-v">		
			<button type="primary">确定</button>
		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style>
	.content{
		padding: 15upx;
	}
	
	.zhi-sun {
		flex: 1;
		border: #EB0000 4px solid;
		padding-left: 15upx;
		background-color: #E7E7E7;
	}

	.zhi-yin {
		flex: 1;
		border: #15B500 4px solid;
		padding-left: 15upx;
		background-color: #E7E7E7;
	}
</style>
